
         <!-- Start Left Section -->
        <div class="leftsection3" style="overflow: scroll; height:786.1px">
            {% for content in vehicules %} 
			<div class="item">
				<div class="itemNom">
					<h3> Vehicules {{ content.immatricule }}   <font color="red" >{{ content.get_status}}</font>  </h3>
				</div>
				<div class="itemDetail">
					Distance de Bamako : {{ content.get_distance }} <br> Vitesse : {{ content.get_vitesse}} <br> Chauffeur :{{ content.get_chauffeur}}
				</div>
				<div class="itemMore">
					<a href="">Plus de details</a>
				</div>
				<div>
					<img src="/static/images/separator.png" style="width: 100%">
				</div>
			</div>
			{% endfor%}
        </div>
        <div class="rightsection3 ">
            <div class="maparea">
            <iframe width="671.5" height="792" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/maps?f=d&amp;source=s_d&amp;saddr=Agadir&amp;daddr=Paris&amp;hl=fr&amp;geocode=FTVg0AEdAIRt_ynJHK3a6bazDTF0hPSLt9D4vA%3BFSZ-6QIdXuQjACkPt-IGH27mRzFglIxow4ILBA&amp;aq=&amp;sll=48.854016,2.377802&amp;sspn=0.057943,0.157413&amp;mra=ls&amp;ie=UTF8&amp;t=m&amp;ll=39.6431,-3.605425&amp;spn=18.42826,11.99629&amp;output=embed"></iframe><br /><small><a href="http://maps.google.fr/maps?f=d&amp;source=embed&amp;saddr=Agadir&amp;daddr=Paris&amp;hl=fr&amp;geocode=FTVg0AEdAIRt_ynJHK3a6bazDTF0hPSLt9D4vA%3BFSZ-6QIdXuQjACkPt-IGH27mRzFglIxow4ILBA&amp;aq=&amp;sll=48.854016,2.377802&amp;sspn=0.057943,0.157413&amp;mra=ls&amp;ie=UTF8&amp;t=m&amp;ll=39.6431,-3.605425&amp;spn=18.42826,11.99629" style="color:#0000FF;text-align:left"></a></small>
            </div>
        </div>
   
